@CHARSET "UTF-8";

html {
	overflow:-moz-scrollbars-vertical;
}
body{
	background:#eee;
	color:#333;
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:16px;
	text-shadow:0 1px 0 #fff;
}

form{
	margin:auto;
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #aaa;
	-webkit-box-shadow:0 0 15px #aaa;
	margin:10px auto 0;
	padding:20px;
	width:350px;
}

h1{
	border-bottom:1px solid #ccc;
	font-size:11px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	text-transform:uppercase;
}
h2{
	border-top:1px solid #ccc;
	font-size:9px;
	text-transform:uppercase;
	text-align: center;
	margin-top: 20px;
}
form p{
	margin-bottom:20px;
}
form p:last-child{ /* Sélecteur avancé pour sélectionner le dernier paragraphe du formulaire */
	margin-bottom:0;
}
label{
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
	margin-bottom:5px;
	width:120px;
}
select{
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	margin-bottom:5px;
	width:120px;
	font-size:30px;
}
form p:hover label{
	color:#0459b7;
}
form p:hover label:after{
	content:" »";
}
input[type=text],
input[type=password]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
}
input[type=text]:focus,
input[type=password]:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}

input[type=submit],
a.submit{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;

	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input[type=submit]:hover,
a.submit:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
}
input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}

a.details{
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #fff, #ccc); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	text-shadow:none;
	color: #333;
}
a.details:hover{
	background:-moz-linear-gradient(90deg, #ccc, #0fff);
	background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
	border-color:#aaa;
}








#menu {
background:#f7f7f7;
background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:5px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 15px #aaa;
-webkit-box-shadow:0 0 15px #aaa;
height:30px;
line-height:41px;
padding-left:10px
}

#menu ul {
display:block;
background-position: right -45px;
height:30px;
line-height:41px;
margin:0;
padding:0;
list-style:none;
}

#menu ul li {
display:inline;
float:left;
padding:1px 6px 0 5px;
}

#menu ul li a {
float:left;
padding-left:5px;
text-decoration:none;
color:#444;
font-weight:bold;
}

#menu ul li a span {
float:left;
padding-right:15px;
height:30px;
line-height:30px;
}

#menu ul li a:hover{
color:#0459b7;
}








table {
margin-left:auto; 
margin-right:auto;
background:#f7f7f7;
background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:5px;
-webkit-border-radius:10px;
height:30px;
line-height:41px;
padding-left:10px;
margin-top: 10px;
margin-down: 10px;
border-collapse:collapse;
}

th, td {
 border:1px solid #ccc;
min-width: 80px;
 }
td {
 text-align:center;
 }
th:hover, td:hover{
color:#0459b7;
}


#home{
width: 450px;	
}

#add{
width: 350px;	
}

#add input[type="submit"]{
margin-left:120px;	
}

#remove{
width: 450px;
}

#remove input[type="submit"]{
margin-top: 20px;
}



#update{
width: 450px;	
}

#update input[type="submit"]{
margin-top: 20px;
}

#search{
width: 350px;	
}

#search2{
width: 450px;
}

#search input[type="submit"]{
margin-left:120px;	
}

img{
border:none;	
}

input[readonly]{
	background:none;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	width:200px;
}

input[readonly]:focus{
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}
